{% include 'header.html' %}
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <!-- 左树 -->
        <div class="layui-col-sm12 layui-col-md4 layui-col-lg3">
            <div class="layui-card">
                <div id="dept_tree"></div>
            </div>
        </div>
        <!-- 右表 -->
        <div class="layui-col-sm12 layui-col-md8 layui-col-lg9">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label w-auto">搜索：</label>
                                <div class="layui-input-inline mr0">
                                    <input id="edtSearch" class="layui-input" type="text" placeholder="输入关键字"/>
                                </div>
                            </div>
                            <div class="layui-inline" >
                                <button class="layui-btn icon-btn" id="btnSearchByCode">
                                    <i class="layui-icon">&#xe615;</i>字典编码搜索
                                </button>
                                <button class="layui-btn icon-btn" id="btnSearchByName">
                                    <i class="layui-icon">&#xe615;</i>字典值搜索
                                </button>
                            </div>
                            <div class="layui-inline">
                               <button id="add" class="layui-btn icon-btn"  >
                                    <i class="layui-icon">&#xe654;</i>新增
                                </button>
                                <button id="btnDel" class="layui-btn layui-btn-danger icon-btn"  >
                                    <i class="layui-icon">&#xe640;</i>删除
                                </button>
                            </div>
                        </div>
                    </div>
                    <table id="demo" lay-filter="test"></table>
                </div>
            </div>
        </div>

    </div>
</div>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="detail">查看所属题目</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script>
  layui.use('layer',function(){
    var layer = layui.layer;
    var $ = layui.$;
    $("#add").click(function (event) {
       layer.open({
        type: 2,
        title: '编辑项目',
        shadeClose: true,
        shade: 0.8,
        maxHeight: '600px', // 设置最大高度，超出会出现滚动条
        scrollbar: true, // 开启滚动条
        area: ['750px', '500px'],
        content: '/kaoshi/shijuan_main_formadd?model={{model}}&id=0', // 编辑器页面的URL
      });
    });
  })
</script>
<script>
function get_class() { //获取节点数据
    var treeData = [];
    layui.$.ajax({
        url: '/common/get_class', //接口
        type: 'get', //请求方式
        async: false, //同步请求
        success: function(result) {
            treeData = result.data;
        }
    });
    console.log('节点数据：', treeData);
    return treeData;
}
var files;
var form;
var layer;
var $;
var transfer;
layui.use(['layer', 'tree','table'], function() {
    var $ = layui.jquery;
    layer = layui.layer;
    var tree = layui.tree;
    //树形组件复选框
    var data = get_class();
    var table = layui.table;
    var cols;
     // 发起ajax请求
    $.ajax({
    	url: '/common/cols?model={{model}}&width=380',
    	method: 'GET',
    	success: function(response) {
    		// 将获取到的数据赋值给全局变量
    		obj = JSON.parse(response)
    		cols = [obj.data]
    		console.log("===================================")
    		console.log(cols); // 打印全局变量的值
    		//第一个实例
    		table.render({
    			elem: '#demo',
    			url: "listdata?model={{model}}&{{dataurl}}",
    			page: true,
    			cols: cols
    		});
    	},
    	error: function(error) {
    		console.log(error);
    	}
    });
    var ins1 = function (id){
        // 发起ajax请求
        $.ajax({
            url: '/common/cols?model={{model}}&width=380',
            method: 'GET',
            success: function(response) {
                // 将获取到的数据赋值给全局变量
                obj = JSON.parse(response)
                cols = [obj.data]
                console.log("===================================")
                console.log(cols); // 打印全局变量的值
                //第一个实例
                table.render({
                    elem: '#demo',
                    url: "listdata?model={{model}}&{{dataurl}}"
                    ,page: true //开启分页
                    ,cols: cols
                });
            },
            error: function(error) {
                console.log(error);
            }
        });
    }
    table.on('tool(test)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
	    var data = obj.data; //获得当前行数据
	    var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
	    var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

	    if (layEvent === 'detail') { //查看
		    window.location.href="/kaoshi/shijuan_detail?pagename=exam_paper_question&w=sid@"+data.sid+"&title=考试系统|试卷管理";
	    } else if (layEvent === 'add') { //添加
		    alert("add")
	    } else if (layEvent === 'del') { //删除
		    layer.confirm('真的删除行么', function(index) {
			    // 使用Ajax进行异步提交
			    layui.jquery.ajax({
				    url: '/common/delete?model={{model}}&id='+data.id, // 服务器接口
				    type: 'get',
				    success: function(res) {
					    layer.msg("删除成功")
				    }
			    });
			    obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
			    layer.close(index);
			    //向服务端发送删除指令
		    });
	    } else if (layEvent === 'edit') { //编辑
		    //do something
		    // 弹框的配置项
		    layer.open({
			    type: 2,
			    title: '编辑项目',
			    shadeClose: true,
			    shade: 0.8,
			    maxHeight: '600px', // 设置最大高度，超出会出现滚动条
			    scrollbar: true, // 开启滚动条
			    area: ['750px', '500px'],
			    content: '/kaoshi/shijuan_main_form?model={{model}}&id='+data.id, // 编辑器页面的URL
		    });
		    //同步更新缓存对应的值
		    obj.update({
			    username: '123',
			    title: 'xxx'
		    });
	    } else if (layEvent === 'LAYTABLE_TIPS') {
		    layer.alert('Hi，头部工具栏扩展的右侧图标。');
	    }
    });
    // 监听工具条
    table.on('tool(demo)', function (obj) {
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值

        if (layEvent === 'edit') { // 查看
            showEditModel(data);
            //layer.msg('点击了修改');
        } else if (layEvent === 'del') { // 删除
            var deleteData = new Array();
            deleteData.push(data.dictId);
            deleteDictionary(deleteData);
        }
    });
    // 增加
    $('#btnAdd').click(function () {
        var param = dtree.getNowParam(dictTree);
        if (param.context) {
            admin.putTempData('selectdictionaryId', param.nodeId);
        } else {
            layer.msg('请选择一个节点', {icon: 2});
        }
        showEditModel();
    });
    // 批量删除
    $('#btnDel').click(function () {
        var checkRows = table.checkStatus('rtTable');
        if (checkRows.data.length == 0) {
            layer.msg('请选择要删除的数据', {icon: 2});
        } else {
            var deletedata = [];
            for(var i=0;i<checkRows.data.length;i++){
               deletedata.push(checkRows.data[i].dictId);
            }
            deleteDictionary(deletedata);
        }
    });
    // 搜索按钮点击事件
    $('#btnSearchByCode').click(function () {
        var value = $('#edtSearch').val();
        ins1("","dict_code",value);
    });
    // 搜索按钮点击事件
    $('#btnSearchByName').click(function () {
        var value = $('#edtSearch').val();
        ins1("","dict_name",value);
    });
    tree.render({
        elem: '#dept_tree',
        data: data,
        edit: [],
        showCheckbox: false,
        showRadio: true,
        id: 'treeId',
        onlyIconControl: true,
        isJump: true,
        click: function(obj) {
            var data = obj.data; //获取当前点击的节点数据
            //layer.msg(data);
            //$("[name='noticUser']").val(data.title);
            ins1(data.id);
        },
    });
});
</script>
{% include 'footer.html' %}